<template>
  <div>
    <Input @input="input" @clear="clear"></Input>
  </div>
</template>

<script>
import Input from "../components/Input.vue";
export default {
  data() {
    return {};
  },
  methods: {
    input(e) {
      console.log("输入内容",e)
    },
     clear(e) {
      console.log("清楚内容",e)
    },
  },
  created() {},
  mounted() {},
  components: {
    Input,
  },
  computed: {},
  watch: {},
};
</script>

<style lang='scss' scoped>
Input {
  width: 500px;
  height: 40px;
  background-color: yellow;
}
</style>
